<!--
//
// Trigger.vue
// vue3-element-admin
//
// Created by 区区电脑 on 2023/04/10.
//
-->
<template>
    <div class="Index">
        <l-r-layout class="lrlayout" :left-width="800" :style="{height: containerHeight + 'px'}">
            <template #left>
                <DictType @typeChange="typeChange"/>
            </template>
            <template #right>
                <DictData ref="dictData"/>
            </template>
        </l-r-layout>
    </div>
</template>

<script setup>
import {ref, reactive, computed, onMounted, inject} from "vue";
import {useStore} from "vuex";
import {useRouter} from "vue-router";
import DictType from "./DictType/Index.vue";
import DictData from "./DictData/Index.vue";

// 框架容器区域高度
const containerHeight = computed(() => store.getters.containerHeight)

const props = defineProps({});
const emits = defineEmits();

// 路由
const router = useRouter();
// store
const store = useStore();


const dictData = ref()

// 字典类型选中
function typeChange(row) {
    dictData.value.setType(row)
    console.primary("字典类型选中", row)
}


onMounted(() => {
})
</script>

<style scoped lang="scss">
.Index {
    width: 100%;
    box-sizing: border-box;
    .lrlayout {
        width: 100%;
    }
}
</style>
